<template>
  <div style="width: 100%">
    <div style="box-shadow: #e6a23c 20px -3px 17px 1px;position: relative;z-index: 1;">
      <div style="float: left;height: 60px;padding: auto 0;color: white;margin-left: 20px;">
        <div style="line-height: 60px;">
          <i class="el-icon-document-checked fontColor"></i>
          <span slot="title" class="fontColor">审批</span>
        </div>
      </div>
      <div style="margin:0 auto;width: 206px;">
        <el-menu
          :default-active="$route.path"
          class="el-menu-demo"
          mode="horizontal"
          @select="handleSelect"
          background-color="#2a2d2f"
          text-color="#fff"
          active-text-color="#ffd04b"
          style="border-bottom: none;display: inline-block"
          router>
          <el-menu-item index="/user/examine/apply">我申请的</el-menu-item>
          <el-menu-item index="/user/examine/MyExamine">我审批的</el-menu-item>
        </el-menu>
      </div>
    </div>
    <router-view @openExamine = "openExamine"></router-view>
  </div>
</template>

<script>
    export default {
        name: "Examine",
      methods: {
        handleSelect(key, keyPath) {
          console.log(key, keyPath);
        },

        openExamine(id){
          this.$emit("openExamine",id);
        }
      }
    }
</script>

<style scoped>

</style>
